<template>
    <div>
        axios案例：<br/><br/>
        <button @click="doRequest">发送请求</button>
        <br/><br/>
        <ul>
            <li v-for="(result, index) in list" :key="index">
                <div class="ui-flex">
                    <div>
                        <img :src="result.album.blurPicUrl" width="100px" height="100px;"/>
                    </div>
                    <div class="ui-flex-1">
                        歌曲：{{result.name}} <br>
                        歌手：{{result.artists[0].name}} <br>
                        所属公司：{{result.album.company}}
                    </div>
                </div>
            </li>
        </ul>
    </div>
</template>
<script>
  // 导入axios
  import axios from '@/axios'
  export default {
    data(){
      list: undefined
    },
    methods: {
      doRequest(){

      }
    }
  }
</script>
<style scoped>
    .ui-flex {
        display: -webkit-box;
        display: box;
        margin-bottom: 5px;
    }
    .ui-flex-1 {
        -webkit-box-flex: 1;
        text-align: left;
        padding-left: 30px;
    }
</style>
